$(function () {
  // 登录和注册的按需切换
  $('#link_reg').on('click', function () {
    $('.login-box').hide()
    $('.reg-box').show()
  })
  $('#link_login').on('click', function () {
    $('.login-box').show()
    $('.reg-box').hide()
  })

  // 自定义校验规则
  layui.form.verify({
    pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],

    // 校验两次密码是否一致的规则
    rePwd: function (value) {
      var pwd = $('.layui-form-item [name=password]').val()
      if (pwd !== value) {
        return '两次密码不一致！'
      }
    }
  })

  // 发起注册用户的Ajax请求
  $('#form-reg').on('submit', function (e) {
    e.preventDefault()
    $.ajax({
      method: 'POST',
      url: '/api/reguser',
      data: {
        username: $('#reg-username').val(),
        password: $('#reg-password').val()
      },
      success(res) {
        if (res.status != 0) {
          return layui.layer.msg(res.message)
        }
        $('#link_login').click()
      }
    })
  })

  // 登录功能
  $('#form-login').on('submit', function (e) {
    e.preventDefault()
    $.ajax({
      method: 'POST',
      url: '/api/login',
      data: {
        username: $('#login-username').val(),
        password: $('#login-password').val()
      },
      success(res) {
        if (res.status != 0) {
          return layui.layer.msg(res.message)
        }
        layui.layer.msg('登录成功')
        localStorage.setItem('token', res.token)
        location.href = 'index.html'
      }
    })
  })
})
